useState + useEffect -> 再レンダリング中に毎回計算 (重ければ useMemo) - honey32

useState + useEffect -> 再レンダリング中に毎回計算 (重ければ useMemo)

【React】誤解される useMemo と誤用される useState ―― 「A の変更に反応して B の値が変わる」と考えるべきでない

https://qiita.com/honey32/items/58e56e407d4d87e294a4

code:before.tsx

const familyName, setFamilyName = useState("");

const personalName, setPersonalName = useState("");

const fullName, setFullName = useState("");

useEffect(() => {

setFullName(familyName + " " + personalName);

}, familyName, personalName);

code:after.tsx

const familyName, setFamilyName = useState("");

const personalName, setPersonalName = useState("");

const fullName = familyName + " " + personalName;